<div>
  <div class="clearfix">
    <div data-ng-show="searchResults.count > 0">
      <ng-pluralize count="searchResults.count"
                    when="{'0 ': ('noRecordFound' | translate),
              'one': '1 ' +  ('record' | translate),
              'other': '{} ' +  ('records' | translate)}"/>
    </div>
    <div data-ng-show="options.selection.mode.indexOf('local') === -1">
      <div class="btn-group pull-right"
           data-ng-show="searchResults.count > 0">
        <button type="button" class="btn dropdown-toggle" data-toggle="dropdown">
          {{selection.length}} <span data-translate="">selected</span><span class="caret"/>
        </button>
        <ul class="dropdown-menu">
          <li><a href="" data-ng-click="selectAll(true)" data-translate="">selectAll</a>
          </li>
          <li><a href="" data-ng-click="selectAll(false)" data-translate="">selectNone</a>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <!-- Results List -->
  <div>
    <div class="list-group fixed">
      <li class="list-group-item gn-record"
          data-ng-repeat="md in searchResults.records"
          id="gn-record-{{md['geonet:info'].uuid}}"
          href=""
          data-ng-class="isSelected(md) ? 'active' : ''"
          data-ng-click="onClick(md)">
        <div data-ng-if="options.mode == 'title'">
          <gn-md-type-widget metadata="md"></gn-md-type-widget>
          {{md.title || md.defaultTitle}}
        </div>
        <div class="row" data-ng-if="options.mode == 'simple'">
          <div class="col-lg-12"
               title="{{md.abstract}}">
            <i class="fa gn-icon-{{md.type[0]}}" title="{{md.type[0] | translate}}"/>
            <strong>{{md.title || md.defaultTitle}}</strong>
            <p ng-if="::md.abstract" class="small">{{md.abstract | characters:200}}</p>
          </div>
        </div>
        <div data-ng-if="options.mode == 'directory'">
          <div class="flex-row flex-align-center">
            <gn-md-type-widget metadata="md"></gn-md-type-widget>
            <div class="flex-spacer" />
            <strong>{{md.title || md.defaultTitle}}</strong>
          </div>
          <p ng-if="::md.abstract" class="small">{{md.abstract | characters:200}}</p>
        </div>
      </li>
    </div>
  </div>
  <div data-gn-pagination="paginationInfo"/>
</div>
